<style>

</style>
<template>
    <div class="navi-right">
        <!--<el-popover-->
                <!--ref="popover-user"-->
                <!--placement="bottom-end"-->
                <!--width="340"-->
                <!--style="margin-top: 20px;"-->
                <!--v-model="showInfo"-->
        <!--&gt;-->
            <!--<header class="user-pop-header">-->
                <!--<img style="" src="https://dn-qiniu-avatar.qbox.me/avatar/6204043f5d133490d06bd2b8d2f88f4c?qiniu-avatar" class="avatar">-->
                <!--<div class="account-info">-->
                    <!--<p class="email">{{user.nickname}}</p>-->
                    <!--<p>-->
                        <!--<span>账户余额:</span><span class="balance">{{balance.money|price}}</span>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<el-button size="small"  @click="go('financial/recharge')" type="primary" class="recharge">立即充值</el-button>-->
            <!--</header>-->
            <!--<el-row class="user_navi_menu" >-->
                <!--<el-col :span="8">-->
                    <!--<a href="javascript:void(0);" @click="go('usercenter/info')"  ><i class="fa fa-user-o"></i><span class="icon-name">基础资料</span></a>-->
                <!--</el-col>-->

                <!--<el-col :span="8">-->
                    <!--<a href="javascript:void(0);" @click="go('usercenter/security')"><i class="fa fa-shield"></i><span class="icon-name">安全设置</span></a>-->
                <!--</el-col>-->

            <!--</el-row>-->
            <!--<a href="/portal/logout" style="display: block;text-align: center;color: #8d9199;padding: 15px 0 5px 0;"><i class="fa fa-sign-out"></i> 退出账号</a>-->
        <!--</el-popover>-->

        <!--<el-popover-->
                <!--popper-class="msg-pop"-->
                <!--ref="popover-msg"-->
                <!--placement="bottom-end"-->
                <!--width="300"-->
        <!--&gt;-->
            <!--<div class="msg-pop-header">-->
                <!--<span>站内信</span>-->
                <!--<i class="el-icon-setting"></i>-->
            <!--</div>-->
            <!--<div class="msg-pop-content">-->
                <!--<span style="padding: 10px;">MAGAPP4.5开放打包了,赶快去看看吧<a href="http://doc.magcloud.cc/index.php?s=/34&page_id=962" target="_blank">点击查看详情</a></span>-->
            <!--</div>-->
            <!--<div  class="msg-pop-bottom">-->
                <!--<span >查看更多</span>-->
            <!--</div>-->
        <!--</el-popover>-->

        <!--<a href="javascript:void(0);">帮助中心</a>-->
        <el-badge :value="2" :max="99" class="item">
            <span class="navi-msg-icon">
                     <i class="fa fa-envelope-o" aria-hidden="true"></i>
            </span>
        </el-badge>
        <div style="display: inline-block;line-height: 1;" href="javascript:void(0);">
            <img  class="avatar img-circle" src="https://dn-qiniu-avatar.qbox.me/avatar/6204043f5d133490d06bd2b8d2f88f4c?qiniu-avatar">
            <div style="    display: inline-block;
    line-height: 0;
    margin: 10px 10px 0 5px;">
                <p>聂琳</p>
                <p>灵衍-多云产品</p>
            </div>
        </div>
    </div>
</template>
<script>
    Rap.define("", [], {
        data: function(){
            return {
                showInfo:false,
                user:{},
                balance:{}
            }
        },created:function () {
            var me=this;

        }, methods: {
            go:function (val) {

            }
        }
    })
</script>